<!DOCTYPE html>    
<html>   
<head>    
 <meta charset="UTF-8">
<link href="css/style.css" rel="stylesheet"/>
<title>图库欣赏</title>
</head>

<body>
     <div id="con">
	  <div class="banner">
		  <img src="images/banner.png" width="1200"/>
		  <img src="images/logo.png" class="logo"/>
		  </div>
		  <div class="menu">
		         <ul>
				     <li><a href="index.html">首页</a></li>
		              <li><a href="jianjie.html" >剧情简介</a></li>
                     <li><a href="juese.html" >角色介绍</a></li>
                     <li><a href="donghua.html" >动画音乐</a></li>
                     <li><a href="tuku.html" >图库欣赏</a></li>
                     <li><a href="pingjia.html" >影片评价</a></li>
                     <li><a href="liuyan.html" >给我留言</a></li>
			   </ul>
	      </div>
		   <div class="main_s">
		   <div class="main_s_title">
			    <p align="center">图库欣赏</p>
	       </div> 
		   <div class="main_s_box">
		         <div class="figure">
		          <p style="height:10px;">&nbsp;</p>
			      <img src="images/tk/1.jpg" width="250" style="margin-right:15px;" onMouseOver="toolTip('<img src=images/tk/1.jpg>')" onMouseOut="toolTip()"/>
			      <img src="images/tk/2.jpg" width="250" style="margin-right:15px;" onMouseOver="toolTip('<img src=images/tk/2.jpg>')" onMouseOut="toolTip()"/>
			      <img src="images/tk/3.jpg" width="250" onMouseOver="toolTip('<img src=images/tk/3.jpg>')" onMouseOut="toolTip()"/>
				  <img src="images/tk/4.jpg" width="250" style="margin-right:15px;" onMouseOver="toolTip('<img src=images/tk/4.jpg>')" onMouseOut="toolTip()"/>
			      <img src="images/tk/5.jpg" width="250" style="margin-right:15px;" onMouseOver="toolTip('<img src=images/tk/5.jpg>')" onMouseOut="toolTip()"/>
			      <img src="images/tk/6.jpg" width="250" onMouseOver="toolTip('<img src=images/tk/6.jpg>')" onMouseOut="toolTip()"/>
				
				  
				    <MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100"><SPAN unselectable="on"></SPAN></MARQUEE>
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width700px;margin:0px auto;" onmouseover="aa()" onmouseout="b()" >
  <img src="images/tk/7.jpg" width="250" style="margin-right:15px;" onMouseOver="toolTip('<img src=images/tk/7.jpg>')" onMouseOut="toolTip()"/>
			      <img src="images/tk/8.jpg" width="250" style="margin-right:15px;" onMouseOver="toolTip('<img src=images/tk/8.jpg>')" onMouseOut="toolTip()"/>
			      <img src="images/tk/9.jpg" width="250" onMouseOver="toolTip('<img src=images/tk/9.jpg>')" onMouseOut="toolTip()"/>
</DIV>
<script language="javascript" type="text/javascript">
<!--
	function scroll(obj) {
		var tmp = (obj.scrollLeft)++;
		//当滚动条到达右边顶端时
		if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
		//当滚动条滚动了初始内容的宽度时滚动条回到最左端
		if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
	}
	var a =	setInterval("scroll(document.getElementById('scrollobj'))",20);
	function aa(){
		clearInterval(a);
	}
	function b(){
		a=setInterval("scroll(document.getElementById('scrollobj'))",10);
	}
//-->
</script>
				  <p style="height:20px;">&nbsp;</p>
				  </div> 
		   </div> 
		   
		  </div> 
		   <div class="cl"></div>
	</div> 
	<script language="javascript" src="js/ToolTip.js"></script>
</body>
</html>
